<!DOCTYPE html>
<html>
<head>
	<title>绑定事件的方法</title>
	<meta charset="utf-8">
</head>
<body>
	<div style="width:300px;height: 100px;border:1px solid;">绑定事件</div>
	<script type="text/javascript">
		// function bang(){
		// 	alert("方法1");
		// }//事件名 = 有名函数()

		var div1 = document.getElementsByTagName("div")[0];
		// div1.onclick = function(){
		// 	alert("方法二1111111");
		// }//匿名函数
		// div1.onclick = function(){
		// 	alert("方法二2222222");
		// }
		// div1.onclick = function(){
		// 	alert("方法二333333");
		// }

		// 弊端：方法一和二在给同一个节点加多个相同事件时，只能执行最后一个

		// 第三种方法：通过事件监听来绑定事件
		// div1.addEventListener("click",function(){alert(11111);},false);
		// 非IE语法
		
		div1.addEventListener('click',al,true);
		function al(){
			alert(11111);
		}
		// IE语法
		div1.attachEvent('onclick',al);
		// 处理兼容性

	</script>
</body>
</html>